When I'm not architecting digital solutions, I'm out exploring the physical world. My passion for adventure takes me from hiking rugged mountain trails to cruising on my electric unicycle. I believe in a life of balance, where the serenity of nature complements the logic of code. Whether I'm working remotely from the mountains of Himachal or capturing the world through my lens, these experiences enrich my perspective and keep my creativity alive.
Hi, I'm Zehan
T-shaped Software Engineer
I'm a Senior Full Stack Engineer, 
React Architect, a front-end tooling nerd , interested in Backend Engineering and Open Source Contributor who ❤️ React and TypeScript. I'm currently maintaining Cheatsheets.zip and Quickref.me.
React Architect, a front-end tooling nerd , interested in Backend Engineering and Open Source Contributor who ❤️ React and TypeScript. I'm currently maintaining Cheatsheets.zip and Quickref.me.About
I am a full-stack engineer with over 3 years of experience in building frontend and backend.
I'm the one you call when you need web optimization.
My work includes developing products with Nest.js , Next.js . I have also integrated AI-powered APIs and machine learning models.
Today
I’m currently working as a Freelance Full-Stack Developer, building scalable web applications .
I help startups and businesses launch MVPs and scale web applications.
Currently, I am working on Graphql ,.
Previously
I served as a Software Engineer at HootBoard.
As a Frontend Tech Lead at Opland Technologies.
Additionally, at Headstarter AI, I functioned as an AI Engineer.
Where 🗺️ 📍
Beyond Code
Dal Lake, McLeod Ganj, Himachal Pradesh
April 2022
Pichola Lake, Udaipur, Rajasthan
August 2022
BookCake, Dharamshala, Himachal Pradesh
December 2021
Udaipur, Rajasthan
August 2022
Dale Lake, McLeod Ganj, Himachal Pradesh
October 2021
BookCake, Dharamshala, Himachal Pradesh
May 2022
Traveling to new destinations and immersing myself in different cultures is another way I find inspiration. It sparks fresh perspectives that often find their way back into my work. Whether it's the stillness of a sunrise or the chaotic energy of a new city, these moments help me unwind and return to the keyboard with renewed focus.
My Work Experience 💼
Work Experience 💼
I have been fortunate to work with some amazing teams. I have worked mostly with startups 🚀 but also with large enterprises 🏢. Here is a brief overview of my employment history.
- Led and mentored a team of 5 developers, delivering an enterprise-grade Inventory ERP system (Focus9/Odoo inspired) ahead of schedule with 100% on-time feature delivery.
- Architected a modular frontend using React, Redux Toolkit, and MUI, increasing scalability and reducing code maintenance overhead by 30%.
- Refactored legacy React ERP codebase and launched a modern HRMS platform boosting HR task efficiency by 40% and improving frontend performance by 30% through optimized data fetching strategies.
- Implemented robust state management with Redux Toolkit and React Query to handle complex data flows across 50+ components, enhancing maintainability and reducing bug frequency by 35%.
- Optimized server-side state synchronization with React Query, cutting API overfetching by 40% and improving data consistency across mission-critical modules.
ReactRedux ToolkitMUIReact QueryPerformance Optimization- Engineered AI-powered APIs and integrated machine learning models into a full-stack Next.js + TypeScript application, improving prediction accuracy by 20% and reducing manual analysis time by 40%.
- Architected and refactored frontend (React, Redux Toolkit) and backend (Node.js, PostgreSQL, Redis) systems, reducing technical debt by 30%, improving API performance by 25%, and accelerating feature delivery by 20%.
- Enhanced platform reliability with Jest, Cypress, and Storybook, achieving 85%+ test coverage, sustaining a 95% uptime SLA, and enabling multilingual support through i18n for global users.
Next.jsTypeScriptNode.jsPostgreSQLRedisJestCypressStorybookAI/ML- Redesigned the onboarding experience, reducing user drop-off by 35% and increasing new user sign-ups by 20%.
- Developed admin tools that streamlined kiosk setup, cutting configuration time by 50% and improving efficiency across 1,500+ kiosks.
- Automated the kiosk OS deployment pipeline, reducing rollout time by 40% and enabling seamless updates for 2,000+ devices.
- Implemented ISO-based OS build process, reducing device onboarding time by 60%.
- Optimized backend API queries and caching strategies, reducing response latency by 25%.
- Integrated analytics tools to capture and analyze user behavior, driving insights that increased customer satisfaction scores by 15%.
ReactNode.jsKioskAutomationAnalyticsOptimization- Built learner-facing UI and dashboards with Next.js, serving 500+ active learners.
- Developed backend APIs with Next.js and MongoDB, improving performance by 25%.
- Integrated CI/CD, logging, and error tracking, improving platform reliability and reducing downtime by 20%.
Next.jsMongoDBCI/CDFull Stack
Products I've Worked On 🚀
Real World Products I've Worked On
I have always been fascinated by the idea of building products that can solve real-world problems. I started my journey as a developer with a simple goal in mind: to create something that can make a difference in people's lives.
My Technical Skills and Stack 💻
Technical Arsenal ⚔️
I have a diverse skill set that includes frontend and backend development, design, and project management. I am always eager to learn new technologies and improve my skills. Here are some that I have acquired over the years.
GolangJavaScriptHTML
CSSSASS / SCSSTypeScriptPython
SQLReact
React Native
ExpoNext.jsRedux
Redux ToolkitRedux SagaRedux Persist
ZustandReact Router
Tanstack StartTanStack QueryTanstack DBElectronJSNode.jsExpressjQuery
HTMX
Alpine.jsTailwind CSSShadcn UIMaterial UI
React Hook FormZodTRPCGraphql
Socket IOOpenAIOllama Meta AIDall-ELangchain SDKFinetuning ModelsEmbeddingStripeLemon SqueezyPayPalMySQLPostgreSQLSQLiteMongoDBFirebaseSupabaseNPMBunDenoPNPM
YarnAWSDigital OceanVercelRenderCloudflareHuggingfaceGitDockerPostmanFigmaCI/CD
OneSignal
Mixpanel
CSSSASS / SCSSTypeScriptPythonSQLReactReact NativeExpoNext.jsReduxRedux ToolkitRedux SagaRedux PersistZustandReact RouterTanstack StartTanStack QueryTanstack DBElectronJSNode.jsExpressjQueryHTMXAlpine.jsTailwind CSSShadcn UIMaterial UIReact Hook FormZodTRPCGraphqlSocket IOOpenAIOllama Meta AIDall-ELangchain SDKFinetuning ModelsEmbeddingStripeLemon SqueezyPayPalMySQLPostgreSQLSQLiteMongoDBFirebaseSupabaseNPMBunDenoPNPMYarnAWSDigital OceanVercelRenderCloudflareHuggingfaceGitDockerPostmanFigmaCI/CDOneSignalMixpanelThis toolkit empowers me to design and develop solutions from prototype to production, ensuring scalability and maintainability at every stage.
My Github Contributions 🎉
My Open Source Contribution 🌎
Open Source Contributions
I am an active contributor to the open-source community, I believe in the power of shared knowledge and collaborative innovation.
My Projects 🚀
Featured projects
View allHere are some of my recent projects that I have worked on.
My Blog Posts 📝
Latest Blog Posts
Insights, tutorials, and thoughts on web development, design, and my latest experiments. Stay updated with my most recent work and discoveries.
- Read
Sep 10, 2024• 5 min read• 1,250 viewsUsing displayName in React: Simplifying Debugging and Improving Readability
When working with React, especially on complex projects, keeping track of components can become tricky, especially...
- React
- Debugging
- Best Practices
- Read
Sep 6, 2024• 4 min read• 980 viewsUnderstanding the Importance of key in React: Creating New Instances with Every Change
When working with lists in React, one concept you'll often come across is the key prop. While it may seem like a simple identifier...
- React
- Key Prop
- Performance
- Read
Aug 26, 2024• 6 min read• 1,540 viewsExploring Remix Actions and Loaders: Simplifying Server-Side Data Management
Remix is a robust framework for building React applications, offering a seamless approach to server-side rendering (SSR) and...
- Remix
- SSR
- Data Loading